
import React, { Component } from 'react';
import MyHeader from '../../components/Shoppcat/MyHeader'
import Shopplist from '../../components/Shoppcat/Shopplist'
import ShoppSettlement from '../../components/Shoppcat/ShoppSettlement'
import { connect } from 'react-redux'
class ShoppCat extends Component {
    render() {
        console.log(this.props.shopcarlist[0]);
        return (
            
            <div className='shoppcat'>
                <MyHeader></MyHeader>
                <Shopplist></Shopplist>
                <ShoppSettlement></ShoppSettlement>
            </div>
        );
    }
}

export default connect(
    (state)=>{
        return {
            "shopcarlist":state.shopcarlist
        }
    }
)(ShoppCat);